*
{
    margin: 0;
    padding: 0;
}
html, body
{
    height: 100%;
}
body
{
    background: #fff;
    color: #393939;
    font-family: Arial;
    font-size: 0px;
    line-height: 0;
}
#page-top-outer
{
    background: url(../images/shared/top_bg.jpg) top center repeat-x;
    border-bottom: 1px solid #7e7e7e;
    height: 92px;
}
#page-top
{
    margin: 0 auto;
    max-width: 1260px;
    min-width: 850px;
    position: relative;
}
#logo
{
    float: left;
    margin-top: 15px;
}
#logo a
{
    display: block;
}
#top-search
{
    display: inline;
    float: right;
    position: relative;
    margin: 46px 20px 0 0;
    z-index: 20;
    top: 1px;
    left: 0px;
    height: 28px;
}


.top-search-inp
{
    background: url(../images/shared/top_search_inp.gif) no-repeat;
    border: none;
    color: #fff;
    font-size: 12px;
    height: 23px;
    padding: 6px 6px 0 10px;
    width: 164px;
}
#content-outer
{
    background: url(../images/shared/content_repeat.jpg) repeat-x;
}
#content
{
    color: #333;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 18px;
    margin: 0 auto 0 auto;
    max-width: 1260px;
    min-width: 780px;
    padding: 35px 0px 30px 0px;
}
#content-inner
{
    color: #333;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 18px;
    margin: 0 auto 0px auto;
    padding: 25px 0 30px 0;
}
#content-table
{

}
#content-table th.sized
{
    height: 15px;
    width: 15px;
    padding: 0;
    margin: 0;
    font-size: 0px;
    line-height: 0px;
}


#content-table-inner
{
    font-size: 12px;
    line-height: 12px;
    padding: 10px 0 20px 0;
}
#tbl-border-top
{
    background: url(../images/shared/border_bit.jpg) top repeat-x;
    line-height: 0;
    font-size: 0px;
    height: 15px;
}
#tbl-border-bottom
{
    background: url(../images/shared/border_bit.jpg) bottom repeat-x;
    line-height: 0;
    font-size: 0px;
    height: 15px;
}
#tbl-border-left
{
    background: url(../images/shared/border_bit.jpg) left repeat-y;
}
#tbl-border-right
{
    background: url(../images/shared/border_bit.jpg) right repeat-y;
}
#table-content
{
    line-height: 16px;
    margin: 0 10px 10px 10px;
    min-height: 300px;
}

.topleft
{
    background: url(../images/shared/corner_top_left.jpg) no-repeat;
    width: 15px;
    height: 15px;
}
.topright
{
    background: url(../images/shared/corner_top_right.jpg) no-repeat;
    width: 15px;
    height: 15px;
}

.bottomleft
{
    background: url(../images/shared/corner_bottom_left.jpg) no-repeat;
    width: 15px;
    height: 15px;
}
.bottomright
{
    background: url(../images/shared/corner_bottom_right.jpg) no-repeat;
    width: 15px;
    height: 15px;
}

#page-heading
{
    margin: 0 0 15px 20px;
}
h1
{
    color: #4b4b4b;
    font-family: Tahoma;
    font-size: 22px;
    line-height: 24px;
    font-weight: normal;
}
h2
{
    color: #393939;
    font-size: 16px;
    font-weight: bold;
    line-height: 20px;
    margin-bottom: 10px;
}
h3
{
    color: #92b22c;
    font-size: 14px;
    font-weight: bold;
    line-height: 18px;
    margin-bottom: 10px;
}


/* MESSAGES --------------------------------------------------------------- */
#message-yellow
{
    margin-bottom: 5px;
}
.yellow-left
{
    background: url(../images/table/message_yellow.gif) top left no-repeat;
    color: #e79300;
    font-family: Tahoma;
    font-weight: bold;
    padding: 0 0 0 20px;
}
.yellow-left a
{
    color: #e79300;
    font-family: Tahoma;
    font-weight: normal;
    text-decoration: underline;
}
.yellow-right a
{
    cursor: pointer;
}
.yellow-right
{
    width: 55px;
}
#message-blue
{
    margin-bottom: 5px;
}
.blue-left
{
    background: url(../images/table/message_blue.gif) top left no-repeat;
    color: #2e74b2;
    font-family: Tahoma;
    font-weight: bold;
    padding: 0 0 0 20px;
}
.blue-left a
{
    color: #2e74b2;
    font-family: Tahoma;
    font-weight: normal;
    text-decoration: underline;
}
.blue-right a
{
    cursor: pointer;
}
.blue-right
{
    width: 55px;
}
#message-red
{
    margin-bottom: 5px;
}
.red-left
{
    background: url(../images/table/message_red.gif) top left no-repeat;
    color: #ce2700;
    font-family: Tahoma;
    font-weight: bold;
    padding: 0 0 0 20px;
}
.red-left a
{
    color: #ce2700;
    font-family: Tahoma;
    font-weight: normal;
    text-decoration: underline;
}
.red-right a
{
    cursor: pointer;
}
.red-right
{
    width: 55px;
}
#message-green
{
    margin-bottom: 5px;
}
.green-left
{
    background: url(../images/table/message_green.gif) top left no-repeat;
    color: #6da827;
    font-family: Tahoma;
    font-weight: bold;
    line-height: 12px;
    padding: 0 0 0 20px;
}
.green-left a
{
    color: #6da827;
    font-family: Tahoma;
    font-weight: normal;
    text-decoration: underline;
}
.green-right a
{
    cursor: pointer;
}
.green-right
{
    width: 55px;
}








a.icon-1
{
    background: url(../images/table/table_icon_1.gif) no-repeat;
    display: block;
    float: left;
    height: 24px;
    margin: 0 8px 0 0;
    width: 24px;
}
a:hover.icon-1
{
    background: url(../images/table/table_icon_1.gif) 0 -24px;
}
a.icon-2
{
    background: url(../images/table/table_icon_2.gif) no-repeat;
    display: block;
    float: left;
    height: 24px;
    margin: 0 8px 0 0;
    width: 24px;
}
a:hover.icon-2
{
    background: url(../images/table/table_icon_2.gif) 0 -24px;
}
a.icon-3
{
    background: url(../images/table/table_icon_3.gif) no-repeat;
    display: block;
    float: left;
    height: 24px;
    margin: 0 8px 0 0;
    width: 24px;
}
a:hover.icon-3
{
    background: url(../images/table/table_icon_3.gif) 0 -24px;
}
a.icon-4
{
    background: url(../images/table/table_icon_4.gif) no-repeat;
    display: block;
    float: left;
    height: 24px;
    margin: 0 8px 0 0;
    width: 24px;
}
a:hover.icon-4
{
    background: url(../images/table/table_icon_4.gif) 0 -24px;
}
a.icon-5
{
    background: url(../images/table/table_icon_5.gif) no-repeat;
    display: block;
    float: left;
    height: 24px;
    width: 24px;
}
a:hover.icon-5
{
    background: url(../images/table/table_icon_5.gif) 0 -24px;
}
#tooltip
{
    background-color: #8c8c8c;
    border: 1px solid #767676;
    color: #fff;
    font-family: Arial;
    font-size: 10px;
    font-weight: normal;
    padding: 0 5px;
    position: absolute;
    text-align: left;
    z-index: 3000;
}
#tooltip h6, #tooltip div
{
    font-family: Arial;
    font-size: 11px;
    line-height: 20px;
    margin: 0;
}
#product_table
{
    width: 100%;
    margin-bottom: 20px;
}

#product_table td a
{
    color: #393939;
}
#product_table td a:hover
{
    text-decoration: underline;
}
#product_table .table
{
    height: 50px;
    text-align: left;
}

.nav .panier
{
    height: 50px;
    display:inline;
    float:right;
}

#product_table .minwidth-1
{
    min-width: 110px;
}

.td, #product_table td
{
    border: 1px solid #d2d2d2;
    padding: 10px 10px 10px 10px;
}

.td_options
{
    text-align: center;
}

#product_table tr.alternate-row
{
    background: #ececec;
}

td.options-width
{
    padding: 0 0 0 10px;
    width: 210px;
}

.table-header-check
{
    background: url(../images/table/table_header_repeat.jpg) repeat-x;
    border: none;
    min-width: 29px;
    color: White;
    height: 50px;
    font-size: 16px;
    border-top-left-radius: 5px;
}
.table-header-options
{
    background: url(../images/table/table_header_repeat.jpg) repeat-x;
    border: none;
    font-size: 16px;
    min-width: 29px;
    padding: 0px 0 0 0;
    color: White;
    height: 50px;
    border-top-right-radius: 5px;
}

.table-header-repeat
{
    background: url(../images/table/table_header_repeat.jpg) repeat-x;
    border: none;
    font-size: 16px;
    line-height: 0;
    padding: 0px 0 0 0;
    color: White;
    height: 50px;
}

.table-header-options a, .table-header-repeat a
{
    background: url(../images/table/table_sort_arrow.gif) right no-repeat;
    color: #fff;
    font-family: Tahoma;
    font-size: 20px;
    font-weight: bold;
    line-height: 14px;
    margin: 0 0 0 10px;
    padding: 0 10px 0 0;
}

.table-header-options a:hover, .table-header-repeat a:hover
{
    color: #94b52c;
}

.line-left
{
    border-left: 1px solid #373737;
}
#product_table tr.activity-blue
{
    background: #e3eceb;
}

#toggle-all
{
    display: block;
    width: 17px;
    height: 17px;
    cursor: pointer;
    background: url(../images/shared/checkbox.gif) 0 -17px;
}

#toggle-all.toggle-checked
{
    display: block;
    width: 17px;
    height: 17px;
    background: url(../images/shared/checkbox.gif) 0 0;
}





















/*  RELATED ACTIVIES BOX */

#related-activities
{
    float: right;
    font-size: 0px;
    line-height: 0;
    width: 271px;
}
#related-act-top
{
    font-size: 0px;
    line-height: 0;
}
#related-act-bottom
{
    background: url(../images/forms/bg_related_act.gif) no-repeat bottom;
    font-size: 0px;
    line-height: 0;
}
#related-act-inner
{
    font-size: 11px;
    line-height: 16px;
    margin: 0 auto 0px auto;
    padding: 10px 0 20px 0;
    width: 225px;
}
#related-act-inner .left
{
    float: left;
    width: 30px;
}
#related-act-inner .right
{
    float: left;
    width: 195px;
    padding: 2px 0 0 0;
}
#related-act-inner .right h5
{
    color: #393939;
    font-size: 12px;
}
ul.greyarrow
{
    list-style-type: none;
}
ul.greyarrow li
{
    background: url(../images/forms/icon_list_arrow.gif) no-repeat 0 5px;
    line-height: 18px;
    padding: 0 0 0 12px;
}
ul.greyarrow li a
{
    color: #92b22c;
    font-weight: bold;
}
ul.greyarrow li a:hover
{
    text-decoration: underline;
}
.lines-dotted-short
{
    background: url(../images/forms/lines_dotted_short.gif) no-repeat 0px 14px;
    font-size: 0px;
    height: 28px;
    line-height: 0;
}

/* PAGING --------------------------------------------------------- */

#paging-table
{
    float: right;
    margin: 0 4px 0 0;
}
.page-far-left
{
    background: url(../images/table/paging_far_left.gif) no-repeat;
    display: block;
    float: left;
    height: 24px;
    margin: 0 4px 0 0;
    width: 24px;
}
.page-left
{
    background: url(../images/table/paging_far_left.gif) no-repeat;
    display: block;
    float: left;
    height: 24px;
    width: 24px;
}
.page-far-right
{
    background: url(../images/table/paging_far_right.gif) no-repeat;
    display: block;
    float: left;
    height: 24px;
    margin: 0 4px 0 4px;
    width: 24px;
}
.page-right
{
    background: url(../images/table/paging_far_right.gif) no-repeat;
    display: block;
    float: left;
    height: 24px;
    width: 24px;
}
#page-info
{
    float: left;
    line-height: 16px;
    padding: 3px 12px 0 12px;
}

/*  ACTIONS BOX ----------------------------------------------- */
#actions-box
{
    float: left;
    margin: 0 0 0 10px;
    position: relative;
}
a.action-slider
{
    background: url(../images/table/dropdown_actions.gif) no-repeat;
    display: block;
    height: 30px;
    width: 110px;
}
a.action-slider.activated
{
    background: url(../images/table/dropdown_actions.gif) no-repeat 0 -30px;
    display: block;
    height: 30px;
    width: 110px;
}
#actions-box-slider
{
    background: url(../images/table/actions_slider_bg.gif) bottom no-repeat;
    display: none;
    left: 0;
    padding-bottom: 1px;
    padding-top: 10px;
    position: absolute;
    top: 24px;
    width: 110px;
}
#actions-box-slider-inner
{
    font-size: 0px;
    line-height: 0;
    margin: 0 auto;
    width: 108px;
}
a.action-edit, a.action-delete
{
    color: #272727;
    display: block;
    font-weight: bold;
    height: 20px;
    margin: 0 auto;
    padding: 10px 0 5px 45px;
    width: 63px;
}
a:hover.action-edit
{
    background: #949494 url(../images/table/action_edit.gif) no-repeat 14px 5px;
    color: #fff;
}
a.action-edit
{
    background: #c7c7c7 url(../images/table/action_edit.gif) no-repeat 14px 5px;
}
a.action-delete
{
    background: #c7c7c7 url(../images/table/action_delete.gif) no-repeat 14px 5px;
}
a:hover.action-delete
{
    background: #949494 url(../images/table/action_delete.gif) no-repeat 14px 5px;
    color: #fff;
}


/* FORM ------------------------------------------------------- */
.form-submit
{
    background: url(../images/forms/form_submit.gif) no-repeat;
    border: none;
    cursor: pointer;
    display: block;
    float: left;
    height: 30px;
    margin: 0 4px 0 0;
    padding: 0;
    text-indent: -3000px;
    width: 80px;
}
.form-reset
{
    background: url(../images/forms/form_reset.gif) no-repeat;
    border: none;
    cursor: pointer;
    display: block;
    float: left;
    height: 30px;
    text-indent: -3000px;
    width: 80px;
}
#id-form
{
}
.inp-form
{
    background: url(../images/forms/form_inp.gif) no-repeat;
    border: none;
    color: #393939;
    height: 25px;
    padding: 6px 6px 0 6px;
    width: 186px !important;
    margin-right: 10px;
    text-align: center !important;
}

#bodyGeneral_bodyAdmin_name, #bodyGeneral_bodyAdmin_quantity, #bodyGeneral_bodyAdmin_alertQuantity, #bodyGeneral_bodyAdmin_unitaryQuantity, #bodyGeneral_bodyAdmin_price
{
    width: 186px !important;
}

.inp-form-error
{
    background: url(../images/forms/form_inp_error.gif) no-repeat;
    border: none;
    color: #393939;
    height: 25px;
    padding: 6px 6px 0 6px;
    width: 187px;
}
.form-textarea
{
    background: url(../images/forms/form_textarea.gif) no-repeat;
    border: none;
    color: #393939;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    height: 97px;
    overflow: auto;
    padding: 6px 6px 0 6px;
    width: 378px;
}
#id-form td
{
    padding: 0 0 10px 0;
}
#id-form td.noheight
{
    padding: 0 0 0px 0;
}
#id-form th
{
    line-height: 28px;
    min-width: 180px;
    padding: 0 0 10px 0;
    text-align: left;
    width: 130px;
}
.styledselect-day, .styledselect-month, .styledselect-year
{
    border: 1px solid #acacac;
    margin-right: 3px;
    padding: 3px;
    width: 64px;
}


#step-holder
{
    font-family: Tahoma;
    height: 39px;
    margin-bottom: 20px;
}




.step-no
{
    float: left;
    height: 29px;
    width: 18px;
    font-size: 18px;
    line-height: 18px;
    padding: 10px 0 0 0;
    text-align: center;
}

.step-no-off
{
    float: left;
    height: 29px;
    width: 18px;
    font-size: 18px;
    line-height: 18px;
    padding: 10px 0 0 0;
    text-align: center;
    color: #cbcbcb;
}

.step-dark-left
{
    float: left;
    background: url(../images/forms/step_dark_left.gif) no-repeat;
    height: 27px;
    padding: 13px 15px 0 25px;
    font-size: 13px;
    color: #fff;
    font-weight: bold;
}

.step-dark-left a
{
    font-size: 13px;
    color: #fff;
    font-weight: bold;
}

.step-dark-right
{
    float: left;
    width: 12px;
    background: url(../images/forms/step_dark_right.gif) no-repeat;
    height: 39px;
}
.step-dark-round
{
    float: left;
    width: 8px;
    height: 39px;
    background: url(../images/forms/step_dark_round.gif) no-repeat;
}

.step-light-left
{
    float: left;
    height: 27px;
    padding: 13px 15px 0 25px;
    font-size: 13px;
    background: url(../images/forms/step_light_left.gif) no-repeat;
    height: 39px;
    color: #cbcbcb;
    font-weight: bold;
}

.step-light-left a
{
    font-size: 13px;
    color: #cbcbcb;
    font-weight: bold;
}
.step-light-right
{
    float: left;
    width: 12px;
    background: url(../images/forms/step_light_right.gif) no-repeat;
    height: 39px;
}
.step-light-round
{
    float: left;
    width: 8px;
    height: 39px;
    background: url(../images/forms/step_light_round.gif) no-repeat;
}

.bubble-left
{
    float: left;
    width: 10px;
    height: 29px;
    margin-left: 5px;
    background: url(../images/forms/bubble_left.gif) no-repeat;
}

.bubble-inner
{
    float: left;
    padding: 7px 0px 0 2px;
    color: #2e74b2;
    line-height: 14px;
    font-size: 11px;
    height: 22px;
    background: url(../images/forms/bubble_inner.gif) repeat-x;
}
.bubble-right
{
    float: left;
    width: 8px;
    height: 29px;
    background: url(../images/forms/bubble_right.gif) right no-repeat;
}
.error-left
{
    float: left;
    width: 13px;
    height: 32px;
    margin-left: 5px;
    background: url(../images/forms/error_left.gif) no-repeat;
}

.error-inner
{
    float: left;
    padding: 7px 10px 0 4px;
    color: #fff;
    line-height: 14px;
    height: 25px;
    background: url(../images/forms/error_right.gif) right no-repeat;
}
.file_1
{
    border: 1px solid #acacac;
    padding: 5px;
    border-radius: 5px;
}

/*  NAVIGATION ----------------------------------------------- */
#nav-holder
{
    margin: 0 auto;
    max-width: 1260px;
    min-width: 780px;
    text-align: left;
}
.nav-outer-repeat
{
    background: url(../images/shared/nav/repeat.jpg) repeat-x;
    height: 77px;
}

.nav-outer-repeatCustomer
{
    background: url(../images/shared/nav/repeat.jpg) repeat-x;
}

.nav-outer
{
    margin: 0 auto;
    max-width: 1260px;
    min-width: 850px;
}
#nav-right
{
    float: right;
    position: relative;
    width: 225px;
    z-index: 0;
}
#nav-right a
{
    display: block;
    float: left;
    margin: 0px 0 0 0;
}
.account-content
{
    background: #454545 url(../images/shared/nav/account_drop_bg.gif) no-repeat bottom;
    display: none;
    left: 5px;
    padding-bottom: 20px;
    position: absolute;
    top: 30px;
    width: 170px;
}
.account-drop-inner
{
    font-size: 0px;
    line-height: 0px;
    margin: 20px auto 0 auto;
    width: 140px;
}
.showhide-account
{
    cursor: pointer;
    display: block;
    float: left;
    margin: 10px 5px 0 5px;
}
.account-drop-inner a
{
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    line-height: 16px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}
.account-drop-inner a:hover
{
    color: #94b52c;
}
.acc-line
{
    background: url(../images/shared/nav/account_line.gif) no-repeat 0 7px;
    font-size: 0px;
    height: 14px;
    line-height: 0px;
    margin-top: 0px;
    padding: 0;
}
a#logout
{
    margin: 10px 0 0 5px;
}
a#acc-settings
{
    background: url(../images/shared/nav/icon_acc_settings.gif) no-repeat 0 2px;
    padding: 0 0 0 20px;
}
a#acc-details
{
    background: url(../images/shared/nav/icon_acc_personal.gif) no-repeat 0 2px;
    padding: 0 0 0 20px;
}
a#acc-project
{
    background: url(../images/shared/nav/icon_acc_projects.gif) no-repeat 0 2px;
    padding: 0 0 0 20px;
}
a#acc-inbox
{
    background: url(../images/shared/nav/icon_acc_inbox.gif) no-repeat 0 2px;
    padding: 0 0 0 20px;
}
a#acc-stats
{
    background: url(../images/shared/nav/icon_acc_stats.gif) no-repeat 0 2px;
    padding: 0 0 0 20px;
}

.nav
{
    float: left;
    font-family: Tahoma;
    font-size: 13px;
    height: 38px;
    position: relative;
    width: 600px;
    min-width: 600px;
    z-index: 500;
    width:97%;
}
.nav-divider
{
    background: url(../images/shared/nav/divider.jpg) top no-repeat;
    float: left;
    height: 40px;
    width: 15px;
}
.nav .table
{
    display: table;
}
.nav .select, .nav .current
{
    display: table-cell;
    float: left;
    list-style: none;
    margin: 0 0px 0 0;
    padding: 0;
    white-space: nowrap;
}
.nav li
{
    float: left;
    height: auto;
    margin: 0;
    padding: 0;
}
.nav .select a
{
    color: #fff;
    display: block;
    float: left;
    height: 37px;
    line-height: 35px;
    padding: 0 20px 0 20px;
    text-decoration: none;
    white-space: nowrap;
}
.nav .current a
{
    background: url(../images/shared/nav/pro_line_1.gif);
    color: #fff;
    display: block;
    float: left;
    height: 37px;
    line-height: 35px;
    padding: 0 0 0 10px;
    text-decoration: none;
    white-space: nowrap;
}
.nav .current a b
{
    background: url(../images/shared/nav/pro_line_1.gif) right top;
    display: block;
    padding: 0 20px 0 10px;
}
.nav .select a:hover
{
    background: url(../images/shared/nav/pro_line_1.gif);
    color: #fff;
    cursor: pointer !important;
    padding: 0 0 0 10px;
}

.nav .select li:hover a{
    background: url(../images/shared/nav/pro_line_1.gif);
    color: #fff;
    cursor: pointer !important;
    padding: 0 0 0 10px;
}

.nav .select a:hover b
{
    background: url(../images/shared/nav/pro_line_1.gif) right top;
    cursor: default !important;
    display: block;
    float: left;
    padding: 0 20px 0 10px;
}

.nav .select li:hover a b
{
    background: url(../images/shared/nav/pro_line_1.gif) right top;
    cursor: default !important;
    display: block;
    float: left;
    padding: 0 20px 0 10px;
}

.nav .select_sub
{
    display: none;
    margin: 0 0 0 10px;
}

/* IE6 only */
.nav table
{
    border-collapse: collapse;
    font-size: 1em;
    height: 0;
    margin: -1px;
    width: 0;
}
.nav .sub
{
    display: table;
    list-style: none; /* margin: 0 auto; */
    padding: 0;
}
.nav .sub_active .current_sub a, .nav .sub_active a:hover
{
    background: transparent;
    color: #fff;
}
.nav .select :hover .select_sub, .nav .current .show
{
    background: url(../images/shared/nav/back_0.gif);
    display: block;
    left: 0;
    padding: 0;
    position: absolute;
    text-align: left;
    top: 37px;
    width: 750px;
    z-index: 100;
}
.nav .current .show
{
    z-index: 10;
}
.nav .select :hover .sub li a, .nav .current .show .sub li a
{
    background: transparent;
    border: 0;
    color: #fff;
    font-weight: bold;
    font-size: 13px;
    display: block;
    float: left;
    margin: 0;
    padding: 0 10px 0 10px;
    white-space: nowrap;
}
.nav .current .sub li.sub_show a
{
    color: #94b52c;
    cursor: default;
}
.nav .select :hover .sub li a:hover, .nav .current .sub li a:hover
{
    color: #94b52c;
    visibility: visible;
}







/* FOOTER -------------------------------------------------------------- */


#footer
{
    height: 70px;
    margin: 80px auto 0px auto;
    padding: 0px 0 0 0;
    text-align: left;
    min-width: 780px;
    max-width: 1260px;
}
#footer-left
{
    color: #818181;
    font-size: 11px;
    line-height: 11px;
    padding: 15px 0 15px 25px;
    margin: 0 20px;
    border-top: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb;
}
#footer-left a
{
    color: #818181;
    text-decoration: none;
}
#footer-left a.selected, #footer-left a:hover
{
    color: #000;
    text-decoration: none;
}




/* GENERAL --------------------------------------------------------*/
table
{
    border-collapse: collapse;
}
.fr
{
    float: right;
}
a
{
    outline: none;
    text-decoration: none;
}
a:hover
{
}
.clear
{
    clear: both;
    font-size: 0px;
    height: 0;
    line-height: 0px;
    margin: 0px;
    padding: 0px;
}
img
{
    border: 0;
}
p
{
    margin: 0px;
    padding: 0px;
}
form
{
    margin: 0;
    padding: 0;
}
.line
{
    border-top: 1px solid #dcdada;
    font-size: 0px;
    height: 1px;
    line-height: 0px;
    margin: 20px 0;
    padding: 0;
}
.font11
{
    font-size: 11px;
}

















/*  STYLED SELECTBOXES style 1 --------------------------------- */

.styledselect
{
    background: #2a2a2a;
    border: 1px solid #424242;
    color: #fff;
    width: 120px;
    padding: 5px;
    line-height: 14px;
    margin-right: 6px;
    font-size: 12px;
}

.styledselect2
{
    position: relative;
    width: 200px;
    height: 30px;
    padding-left: 6px;
    font-size: 12px;
    line-height: 26px;
    color: #333;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    cursor: pointer;
    background-color: whiteSmoke;
    background-image: -ms-linear-gradient(top, white, #E6E6E6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#E6E6E6));
    background-image: -webkit-linear-gradient(top, white, #E6E6E6);
    background-image: -o-linear-gradient(top, white, #E6E6E6);
    background-image: linear-gradient(top, white, #E6E6E6);
    background-image: -moz-linear-gradient(top, white, #E6E6E6);
    background-repeat: repeat-x;
    border: 1px solid #ccc;
    border-color: #AAAAAA;
    border-radius: 4px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
}

.styledselect2 option
{
    text-align: center;
}

div.selectbox-wrapper
{
    background-color: #2a2a2a;
    border: none;
    border-bottom: none;
    margin: 0px;
    margin-top: 0px;
    max-height: 200px;
    overflow: auto;
    padding: 0px;
    position: absolute;
    text-align: left;
    width: 400px;
    z-index: 10;
}
div.selectbox-wrapper ul
{
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    z-index: 10;
}
div.selectbox-wrapper ul li.selected
{
    color: #fff;
}
div.selectbox-wrapper ul li.current
{
    background-color: #575757;
}
div.selectbox-wrapper ul li
{
    border-bottom: none;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 12px;
    line-height: 12px;
    list-style-type: none;
    margin: 0;
    padding: 6px 2px 6px 10px;
}
.selectbox_styled
{
    background: url(../images/shared/top_search_select.gif) left no-repeat;
    border: none;
    border-left: none;
    color: #fff;
    cursor: pointer;
    display: block;
    font-family: Arial;
    font-size: 12px;
    height: 20px;
    margin: 0px 0px 0px 0px;
    padding: 6px 0 0 6px;
    text-align: left;
    width: 105px;
    z-index: 10;
}

/*  STYLED SELECTBOXES style 2 --------------------------------- */
div.selectbox-wrapper2
{
    background-color: #e3e3e3;
    border: none;
    border-bottom: none;
    margin: 0px;
    margin-top: 0px;
    max-height: 200px;
    overflow: auto;
    padding: 0px;
    position: absolute;
    text-align: left;
    width: 400px;
}
div.selectbox-wrapper2 ul
{
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}
div.selectbox-wrapper2 ul li.selected2
{
    background-color: #94b52c;
    color: #fff;
}
div.selectbox-wrapper2 ul li.current2
{
    background-color: #94b52c;
    color: #fff;
}
div.selectbox-wrapper2 ul li
{
    border-bottom: none;
    color: #393939;
    cursor: pointer;
    display: block;
    font-size: 12px;
    line-height: 12px;
    list-style-type: none;
    margin: 0;
    padding: 6px 2px 6px 10px;
}
.styledselect_form_1
{
    background: url(../images/forms/form_select.gif) left no-repeat;
    border: none;
    border-left: none;
    color: #393939;
    cursor: pointer;
    display: block;
    font-family: Arial;
    font-size: 12px;
    height: 24px;
    margin: 0px 0px 0px 0px;
    padding: 7px 0 0 6px;
    text-align: left;
    width: 192px;
}
.styledselect_form_2
{
    background: url(../images/forms/form_select_small.gif) left no-repeat;
    border: none;
    border-left: none;
    color: #393939;
    cursor: pointer;
    display: block;
    font-family: Arial;
    font-size: 12px;
    height: 24px;
    margin: 0px 0px 0px 0px;
    padding: 7px 0 0 10px;
    text-align: left;
    width: 60px;
}



/*  STYLED SELECTBOXES style 3 --------------------------------- */
div.selectbox-wrapper3
{
    background-color: #e3e3e3;
    border: none;
    border-bottom: none;
    margin: 0px;
    margin-top: 0px;
    max-height: 200px;
    overflow: auto;
    padding: 0px;
    position: absolute;
    text-align: left;
    width: 400px;
}
div.selectbox-wrapper3 ul
{
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}
div.selectbox-wrapper2 ul li.selected3
{
    background-color: #94b52c;
    color: #fff;
}
div.selectbox-wrapper2 ul li.current3
{
    background-color: #94b52c;
    color: #fff;
}
div.selectbox-wrapper3 ul li
{
    border-bottom: none;
    color: #393939;
    cursor: pointer;
    display: block;
    font-size: 12px;
    line-height: 12px;
    list-style-type: none;
    margin: 0;
    padding: 6px 2px 6px 10px;
}
.styledselect_pages
{
    background: url(../images/table/select_number_rows.gif) left no-repeat;
    border: none;
    border-left: none;
    color: #393939;
    cursor: pointer;
    display: block;
    font-family: Arial;
    font-size: 12px;
    height: 20px;
    line-height: 16px;
    margin: 0px 0px 0px 0px;
    padding: 4px 0 0 6px;
    text-align: left;
    width: 130px;
}







/* STYLED CHECKBOXES AND RADIOS -------------------------------------------- */
.ui-radio-state-disabled, .ui-radio-state-checked-disabled, .ui-radio-state-disabled-hover, .ui-radio-state-checked-disabled-hover
{
    color: #999;
}
span.ui-checkbox, span.ui-radio
{
    background: url(../images/shared/checkbox.gif) 0 -17px no-repeat;
    display: block;
    float: left;
    height: 17px;
    width: 17px;
}
span.ui-helper-hidden
{
    display: none;
}
label
{
    padding: 2px;
}
span.ui-radio-state-hover, span.ui-checkbox-state-hover
{
    background-position: 0 0px;
}
span.ui-checkbox-state-checked
{
    background-position: 0 0px;
}
span.ui-checkbox-state-checked-hover
{
    background-position: 0 0px;
}
span.ui-radio-state-checked-disabled-hover, span.ui-radio-state-checked-disabled, span.ui-radio-state-checked
{
    background-position: 0 -161px;
}
span.ui-radio-state-checked-hover
{
    background-position: 0 -17px;
}
label
{
    color: red;
    line-height: 20px;
}
.ui-helper-hidden-accessible
{
    left: -999em;
    position: absolute;
}


/*  LOGIN -------------------------------------------------------------------------------- */

#login-bg
{
    background: url(../images/login/login_bg.jpg) no-repeat top center;
}
#login-holder
{
    margin: 0px auto 0 auto;
    width: 508px;
}
#loginbox
{
    background: url(../images/login/loginbox_bg.png) no-repeat;
    font-size: 12px;
    height: 212px;
    line-height: 12px;
    padding-top: 60px;
    position: relative;
    width: 508px;
}
#forgotbox
{
    background: url(../images/login/loginbox_bg.png) no-repeat;
    display: none;
    font-size: 12px;
    height: 212px;
    line-height: 12px;
    padding-top: 60px;
    position: relative;
    width: 508px;
}
#login-inner
{
    color: #161616;
    font-family: Tahoma;
    font-size: 13px;
    line-height: 12px;
    margin: 0 auto;
    width: 310px;
}
#login-inner label
{
    color: #161616;
    cursor: pointer;
    font-family: Tahoma;
    font-weight: bold;
    line-height: 12px;
    padding-left: 10px;
}
.checkbox-size
{
    width: 13px;
    height: 13px;
    margin: 5px 0;
}
#login-inner th
{
    padding: 0 0 6px 0;
    text-align: left;
    width: 95px;
}
#login-inner td
{
    padding: 0 0 6px 0;
}
.login-inp
{
    background: url(../images/login/inp_login.gif) no-repeat;
    border: none;
    color: #fff;
    font-size: 16px;
    height: 28px;
    padding: 6px 6px 0 10px;
    width: 204px;
}
#logo-login
{
    float: left;
    height: 35px;
    margin: 145px 0 0 15px;
}
a.forgot-pwd
{
    bottom: 30px;
    color: #161616;
    font-family: Tahoma;
    font-size: 11px;
    font-weight: bold;
    line-height: 12px;
    position: absolute;
    right: 40px;
}
a:hover.forgot-pwd
{
    color: #fff;
}
#forgotbox-text
{
    color: #161616;
    font-family: Tahoma;
    font-size: 13px;
    font-weight: bold;
    line-height: 12px;
    margin: 0 auto 40px auto;
    width: 380px;
}
#forgot-inner
{
    color: #161616;
    font-family: Tahoma;
    font-size: 13px;
    line-height: 12px;
    margin: 0 auto;
    width: 330px;
}
#forgot-inner label
{
    color: #161616;
    cursor: pointer;
    font-family: Tahoma;
    font-weight: bold;
    line-height: 12px;
    padding-left: 10px;
}
#forgot-inner th
{
    padding: 0 0 6px 0;
    text-align: left;
    width: 110px;
}
#forgot-inner td
{
    padding: 0 0 6px 0;
}
a.back-login
{
    background: url(../images/login/icon_back_login.gif) no-repeat 0 4px;
    bottom: 30px;
    color: #161616;
    font-family: Tahoma;
    font-size: 11px;
    font-weight: bold;
    line-height: 12px;
    padding: 0 0 0 10px;
    position: absolute;
    right: 40px;
}
a:hover.back-login
{
    color: #fff;
}
.submit-login
{
    background: url(../images/login/submit_login.gif) no-repeat;
    border: none;
    cursor: pointer;
    display: block;
    height: 29px;
    text-indent: -3000px;
    width: 73px;
}
.submit-login:hover
{
    background: url(../images/login/submit_login.gif) no-repeat 0 -29px;
}

#masque
{
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9000;
    background-color: #000;
    opacity: 0.7;
    width: 100%;
    height: 100%;
    cursor: default;
}

.overlay
{
    position: fixed;
    left: 0;
    top: 0;
    background-color: #F2F2F2;
    z-index: 9999;
    padding: 20px;
    cursor:default;
    border-radius: 10px;
}

#ajoutPanier, #validerPanier
{
    position: fixed;
    left: 0;
    top: 0;
    background-color: #F2F2F2;
    z-index: 9999;
    padding: 20px;
    cursor:default;
    border-radius: 10px;
    display: none;
}

#ajoutPanier label, #validerPanier label
{
    color: Black;
}

input[type=button], input[type=submit]
{
    background: #D0D1D4 url(../images/btn_submit.png) repeat-x;
    border: 1px solid #A8A9A8;
    -webkit-box-shadow: 0 1px 0 #fff;
    -moz-box-shadow: 0 1px 0 #fff;
    box-shadow: 0 1px 0 #fff;
    font-weight: bold;
    height: 22px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 0 10px;
    color: #666;
    text-shadow: 0 1px 0 #fff;
    cursor: pointer;
}

#product_table
{
    border-collapse: collapse;
}
#product_table h4
{
    margin: 0px;
    padding: 0px;
    margin-left:20px;
    margin-top:10px;
    display: inline-block;
    vertical-align: top;
}
#product_table img
{
    margin-top: 10px;
    max-height: 150px;
    max-width: 150px;
}

#product_table ul
{
    margin: 10px 0 10px 20px;
    padding: 0px;
}

#product_table ul li
{
    list-style: none;
}

#product_table td
{
    color: #000;
    padding: 7px 15px;
}
#product_table tr.odd td
{
    cursor: pointer;
    text-align: center;
    background: url(../images/table_sorter_header.png) repeat-x;
}
#product_table div.arrow
{
    background: transparent url(../images/arrows.png) no-repeat scroll 0px -16px;
    width: 16px;
    height: 16px;
    display: inline-block;
}

#subTable_product tr.simple td
{
    background: none;
    cursor: default;
}
#product_table div.up
{
    background-position: 0px 0px;
}

.boxgrid
{
    width: 325px;
    height: 260px;
    margin: 10px;
    float: left;
    background: #161613;
    border: solid 2px #8399AF;
    overflow: hidden;
    position: relative;
}
.boxgrid img
{
    width:100%;
    height:100%;
    position: absolute;
    top: 0;
    left: 0;
    border: 0;
}
.boxgrid p
{
    padding: 0 10px;
    color: #afafaf;
    font-weight: bold;
    font: 10pt "Lucida Grande" , Arial, sans-serif;
    text-align:left;
}

.boxgrid a
{
    color: #C8DCE5;
    text-align:left;
}

.boxgrid h2, .boxgrid span
{
    text-align:left;
    color:White;
}

.boxgrid h3
{
    margin: 10px 10px 0 10px;
    color: #FFF;
    font: 18pt Arial, sans-serif;
    letter-spacing: -1px;
    font-weight: bold;
    text-align:left;
}

.boxcaption
{
    float: left;
    position: absolute;
    background: #000;
    height: 100px;
    width: 100%;
    opacity: .8; /* For IE 5-7 */
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.captionfull .boxcaption
{
    top: 260px;
    left: 0;
}
.caption .boxcaption
{
    top: 220px;
    left: 0;
    text-align:center;
}

#tabs{
  overflow: hidden;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}

#tabs li{
  float: left;
  margin: 0 .5em 0 0;
}

#tabs a{
  position: relative;
  background: #ddd;
  background-image: linear-gradient(to bottom, #fff, #ddd);  
  padding: .7em 3.5em;
  float: left;
  text-decoration: none;
  color: #444;
  text-shadow: 0 1px 0 rgba(255,255,255,.8);
  border-radius: 5px 0 0 0;
  box-shadow: 0 2px 2px rgba(0,0,0,.4);
}

#tabs a:hover,
#tabs a:hover::after,
#tabs a:focus,
#tabs a:focus::after{
  background: #fff;
}

#tabs a:focus{
  outline: 0;
}

#tabs a::after{
  content:'';
  position:absolute;
  z-index: 1;
  top: 0;
  right: -.5em;  
  bottom: 0;
  width: 1em;
  background: #ddd;
  background-image: linear-gradient(to bottom, #fff, #ddd);  
  box-shadow: 2px 2px 2px rgba(0,0,0,.4);
  transform: skew(10deg);
  border-radius: 0 5px 0 0;  
}

#tabs #current a,
#tabs #current a::after{
  background: #fff;
  z-index: 3;
}

#onglet
{
    background: #fff;
    padding: 2em;
    height: 220px;
    position: relative;
    z-index: 2;	
    border-radius: 0 5px 5px 5px;
    box-shadow: 0 -2px 3px -2px rgba(0, 0, 0, .5);
}

#product_table td.specialTD td
{
    border:none;
}

#product_table td.specialTD div
{
    float:right;
}

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }
  
  .rslides {
  margin: 0 auto;
  }

.rslides_container {
  margin-bottom: 50px;
  position: relative;
  float: left;
  width: 100%;
  }

.centered-btns_nav {
  z-index: 3;
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 50%;
  left: 0;
  opacity: 0.7;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 61px;
  width: 38px;
  background: transparent url("../images/slider/themes.gif") no-repeat left top;
  margin-top: -45px;
  }

.centered-btns_nav:active {
  opacity: 1.0;
  }

.centered-btns_nav.next {
  left: auto;
  background-position: right top;
  right: 0;
  }

.transparent-btns_nav {
  z-index: 3;
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 0;
  left: 0;
  display: block;
  background: #fff; /* Fix for IE6-9 */
  opacity: 0;
  filter: alpha(opacity=1);
  width: 48%;
  text-indent: -9999px;
  overflow: hidden;
  height: 91%;
  }

.transparent-btns_nav.next {
  left: auto;
  right: 0;
  }

.large-btns_nav {
  z-index: 3;
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  opacity: 0.6;
  text-indent: -9999px;
  overflow: hidden;
  top: 0;
  bottom: 0;
  left: 0;
  background: #000 url("../images/slider/themes.gif") no-repeat left 50%;
  width: 38px;
  }

.large-btns_nav:active {
  opacity: 1.0;
  }

.large-btns_nav.next {
  left: auto;
  background-position: right 50%;
  right: 0;
  }

.centered-btns_nav:focus,
.transparent-btns_nav:focus,
.large-btns_nav:focus {
  outline: none;
  }

.centered-btns_tabs,
.transparent-btns_tabs,
.large-btns_tabs {
  margin-top: 10px;
  text-align: center;
  }

.centered-btns_tabs li,
.transparent-btns_tabs li,
.large-btns_tabs li {
  display: inline;
  float: none;
  _float: left;
  *float: left;
  margin-right: 5px;
  }

.centered-btns_tabs a,
.transparent-btns_tabs a,
.large-btns_tabs a {
  text-indent: -9999px;
  overflow: hidden;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  background: #ccc;
  background: rgba(0,0,0, .2);
  display: inline-block;
  _display: block;
  *display: block;
  -webkit-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
  -moz-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
  box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
  width: 9px;
  height: 9px;
  }

.centered-btns_here a,
.transparent-btns_here a,
.large-btns_here a {
  background: #222;
  background: rgba(0,0,0, .8);
  }
  
  #CreateAccount li a b, #HomePage li a b , #DisplayProductUser li a b, #DisplayProduct li a b, #EditAccount li a b, #DisplayCommand li a b
  {
      cursor: pointer !important;
  }
  
  #bodyGeneral_body_bodyCustomer_drink div, #bodyGeneral_body_bodyCustomer_dessert div, #bodyGeneral_body_drink div, #bodyGeneral_body_dessert div
  {
      display:none;
  }
  
  li
  {
      list-style:none;
  }